<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>个人中心</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--第二步：引入css-->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css" >
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <!--第三步：引入js-->
    <script src="js/jquery-2.0.3.js"></script>
    <script src="js/bootstrap.js"></script>
</head>
<body style="background: #F5F5F5">
<header>
    <a href="http://localhost:63342/%E5%B0%8F%E7%B1%B3%E5%95%86%E5%9F%8E/%E5%B0%8F%E7%B1%B3%E5%95%86%E5%9F%8E.html"><img class="back" src="images/icon_back_n.png"></a>
    <div class="title"> <span style="text-align: center;line-height: .84rem;" class="title">个人中心</span></div>
    <span class="icon_search"><img src="images/search.png"></span>
</header>
<div class="wrap_b1">
    <div class="orangeredhead"></div>
    <div class="headimg">

    </div>
    <div class="default"><img src="images/default.png" alt=""/></div>
    <div class="b1_nav">
        <div class="click">
            <div class="tu"> <img style="text-align: center;display: inline-block" src="images/dingdan.png" alt=""/>
                <div class="bigwenzi"><span class="wenzi">全部订单</span></div></div>
        </div>
        <div class="click">
            <div class="tu"> <img style="text-align: center;display: inline-block" src="images/dingdan.png" alt=""/>
                <div class="bigwenzi"><span class="wenzi">待付款</span></div></div>
        </div>
        <div class="click">
            <div class="tu"> <img style="text-align: center;display: inline-block" src="images/dingdan.png" alt=""/>
                <div class="bigwenzi"><span class="wenzi">待收货</span></div></div>
        </div>



    </div>
</div>
<div class="wrap_b2">
    <ul>
        <li style="border-bottom: solid 1px #ccc;width: 100%;height: .7rem"><img style="width: .4rem;height: .4rem;vertical-align: bottom" src="images/dingdan.png" alt=""/><span class="wenzi">我的优惠</span></li>
        <li style="width: 100%;height: .7rem;margin-top: -.3rem"><img style="width: .4rem;height: .4rem;vertical-align: bottom" src="images/dingdan.png" alt=""/><span class="wenzi">F码通道</span></li>
    </ul>
</div>
<div class="wrap_b3">
    <ul>
        <li style="width: 100%;height: .7rem;margin-top: -.3rem"><img style="width: .4rem;height: .4rem;vertical-align: bottom" src="images/dingdan.png" alt=""/><span class="wenzi">我的服务</span></li>

    </ul>
</div>
<div class="wrap_b4">
    <ul>
        <li style="width: 100%;height: .7rem;margin-top: -.3rem"><img style="width: .4rem;height: .4rem;vertical-align: bottom" src="images/dingdan.png" alt=""/><span class="wenzi">设置</span></li>

    </ul>
</div>



    <div class="empty1"></div>









</body>
</html>
<footer>
    <!--商城-->
    <a href="http://localhost:63342/5.3/%E5%B0%8F%E7%B1%B3%E5%95%86%E5%9F%8E/%E5%B0%8F%E7%B1%B3%E5%95%86%E5%9F%8E.html" style="background: red;width: 2rem;height: 2rem">
        <section>
            <span style="font-size: .4rem;padding-top: .1rem;color: orange" class="glyphicon glyphicon-list-alt"></span>
            <p class="p4" style="color: gray;font-size: .2rem;">商城</p>

        </section>

    </a>
    <!--分类-->
    <a href="http://localhost:63342/5.3/%E5%B0%8F%E7%B1%B3%E5%95%86%E5%9F%8E/%E5%88%86%E7%B1%BB.html" style="background: red;width: 2rem;height: 2rem">
        <section>
            <span style="font-size: .4rem;padding-top: .1rem;color: orange" class="glyphicon glyphicon-list-alt"></span>
            <p class="p4" style="color: gray;font-size: .2rem;">分类</p>

        </section>

    </a>
    <!--购物车-->
    <a href="http://localhost:63342/5.3/%E5%B0%8F%E7%B1%B3%E5%95%86%E5%9F%8E/%E8%B4%AD%E7%89%A9%E8%BD%A6.html" style="background: red;width: 2rem;height: 2rem">
        <section>
            <span style="font-size: .4rem;padding-top: .1rem;color: orange" class="glyphicon glyphicon-list-alt"></span>
            <p class="p4" style="color: gray;font-size: .2rem;">购物车</p>

        </section>

    </a>
    <!--服务-->
    <a href="http://localhost:63342/5.3/%E5%B0%8F%E7%B1%B3%E5%95%86%E5%9F%8E/%E4%B8%AA%E4%BA%BA%E4%B8%AD%E5%BF%83.html" style="background: red;width: 2rem;height: 2rem">
        <section>
            <span style="font-size: .4rem;padding-top: .1rem;color: orange" class="glyphicon glyphicon-list-alt"></span>
            <p class="p4" style="color: gray;font-size: .2rem;">服务</p>

        </section>

    </a>
</footer>

<script>
    $(function()
    {
        function fullwidth()
        {
            if($('body').width() >= 720)
            {
                $('html').css('font-size',100 + 'px');
                return;
            }
            var scale = $('body').width() / 720;
            $('html').css('font-size',scale * 100 + 'px');
        }
        fullwidth();
        $(window).resize(function()
        {
            fullwidth();
        })
    });
</script>